<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<jsp:include page="header.jsp" />
<link rel="stylesheet" type="text/css" href="css/jcarousel.css" />
<script language="javascript" type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
 
<script type="text/javascript">
	$(document).ready(
		function(){jQuery('#mycarousel').jcarousel();}
	);
</script>
</head>
<body>
<div id="contenedor">
<div id="header">
	<div id="header-left">
    	<jsp:include page="logo.jsp" />
        <jsp:include page="login.jsp" flush="true" />
    </div>
    <jsp:include page="banner.jsp" />
 </div>

  <div id="buscador">
  	<form name="frmBuscador" id="frmBuscador" action="" method="post">
    	<h2>Escoje tu pel&iacute;cula</h2>
        <select name="cmbCine" id="cmbCine" onchange="">
        	<option value="">Buscar Cine</option>
        </select>
        <select name="cmbPelicula" id="cmbPelicula" onchange="">
        	<option value="">Buscar Pel&iacute;cula</option>
        </select>
        <input type="submit" name="btnBuscar" id="btnBuscar" value="Ir" />
    </form>
  </div>

  <div id="boxLinks">
      <ul id="mycarousel" class="jcarousel-skin-tango">
        <li><img src="imagenes/caratulas/1.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/2.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/3.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/4.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/5.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/6.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/7.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/8.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/9.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/10.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/11.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/12.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/13.jpg" width="86" height="125" title="" /></li>
        <li><img src="imagenes/caratulas/14.jpg" width="86" height="125" title="" /></li>
      </ul>

  </div>
    

  
  
  <div class="clear"></div>
  <jsp:include page="footer.jsp" />
</div>

</body>
</html>
